<template>
  <div class="record">
    <mt-header title="订单详情">
      <div slot="left">
        <mt-button icon="back">返回</mt-button>
      </div>
    </mt-header>
    <div class="detail">
      <mt-label class="hint">订单详情</mt-label>
      <table class="order" cellpadding="12">
        <tr>
          <th>蓝鸥小区</th>
        </tr>
        <tr>
          <td>A</td>
          <td>废报纸</td>
          <td>1(吨)</td>
          <td>￥2700</td>
        </tr>
        <tr>
          <td>B</td>
          <td>废旧打印机</td>
          <td>1(个)</td>
          <td>￥200</td>
        </tr>
        <tr>
          <td>C</td>
          <td>废旧电视机</td>
          <td>1(吨)</td>
          <td>￥300</td>
        </tr>
      </table>
      <mt-label class="hint">订单信息</mt-label>
      <mt-cell title="订单号码" value="1829e763476993829"></mt-cell>
      <mt-cell title="订单时间" value="2018-03-04 12:05:23"></mt-cell>
      <mt-cell title="订单评价" value="回收员态度不错也很准时"></mt-cell>
    </div>
  </div>
</template>
<style scoped>
  .record {
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .detail {
    position: absolute;
    left: 3%;
    width: 94%;
    right: 3%;
    top: 10%;
    height: 90%;
  }
</style>
